<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<meta name="viewport" content="width=device-width, 2.initial-scale=1.0, 3.maximum-scale=1.0, 4.user-scalable=no">-->
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__CSS__/curriculum.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <![endif]-->
    <script src="__JS__/jquery-1.11.3.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    <link rel="stylesheet" href="__CSS__/button.css">
    <link rel="stylesheet" href="__PUBLIC__/4.2.0/css/font-awesome.css">
    <link rel="stylesheet" href="__PUBLIC__/4.2.0/css/font-awesome-ie7.min.css">

</head>
<body>
<div class="container"style="background-color: black">
    <div class="row"  style="padding: 1rem;">
        <div class="col-xs-12" >
            <a href="{:url('Index/index')}"  style="font-size: 3rem;color:white;">
                <span class="glyphicon glyphicon-tint"></span>在线学习
            </a>

        </div>
    </div>
</div>

<!--头部结束-->
<!--搜索开始-->
<div class="container" style="margin: 0.5rem">
    <form action="{:url('Course/index')}" method="post" id="course_form">
        <div class="input-group">
            <input type="text" class="form-control" id="course_value" name="course_name" placeholder="请输入搜索内容" aria-describedby="sizing-addon2">
            <div  class="btn btn-success input-group-addon"  onclick="submits()" id="sizing-addon2">搜索</div>
        </div>
    </form>
</div>
<!--搜索结束-->


<!--这里遍历课程-->
<div class="container-fluid" style="margin-top: 20px">
    <div class="container">
        <div class="row">
            <div class="col-xs-4">
                <button style="border: 1px #b7b6b9 solid;color: #b7b6b9;"  onclick="javascript:history.go(-1)" class="button button-large button-plain button-border button-circle"><i class="fa fa-reply"></i></button>
            </div>
        </div>
        <div class="row" >
            {empty name="course"}
            <div class="col-sm-3  img-rounded ">
                <p>没有搜到什么 耶</p>
                <div style="width:100%;height: 100px;border: 0px red solid;background-image: url('__IMAGES__/2014080608414226130.gif');background-size: 100% 100%"  >
                </div>
            </div>
            {else /}
            {volist name="course" id="val"}
            <div class="container">
                <div class="row " style="margin: 1rem;height: 9rem;">
                    <div class=" col-sm-4 col-xs-4  " style="height: 100%;font-size: xx-small;background-image: url('__IMAGES__/su3.jpg');text-shadow:3px 1px 2px #fffdfe">
                        <div style="color: #fff6f9;" >
                            <br>
                            <p style="border-bottom: 1px black solid">  {$val.record_name}</p>
                            <p>  <strong>{$val.category}</strong></p>
                        </div>
                    </div>

                    <div class=" col-sm-8 col-xs-8  text-left" style="height: 100%;padding: 1rem">
                        <a href="{:url('Chapter/chaptershow')}?id={$val.id}">
                            <!--简介：-->
                            <div style="height: 50px"> {$val.introduce}</div>
                            <p> 具体难度：  {$val.difficulty}</p>
                            <span style="color: #ff041d;" class="pull-right">￥{$val.charge} 员</span>
                        </a>
                    </div>
                </div>
            </div>
            {/volist}
            {/empty}
        </div>
    </div>
</div>
<!--这里遍历课程结束-->
</body>
</html>

<script>
    $(function(){
        $('.div1').mouseover(function(){
            $(this).css("backgroundColor","white");
        })
        $('.div1').mouseout(function(){
            $(this).css("backgroundColor","rgba(183, 183, 183, 0.14)");
        })
    })
    function submits() {
//        alert($("#course_value").val().trim());
        if($("#course_value").val().trim()!=""){
            $("#course_form").submit()
        }

    }
</script>
